<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>厂商体验报名</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<include file="public/comm" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav fs_xl">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left fs_xxi"></a>
		    <h1 class="mui-title fs_xl">体验报名</h1>
		</header>
		<div class="mui-content fs_xl act_m">
		    <div class="mui-content-padded tybm">
		    	<ul>
		    		<li>
		    			<p><img src="{$activityInfo.thumbnail}" data-preview-src="" data-preview-group="1" /></p>
						<p class="ty_p1 fs_xl">{$activityInfo.name}</p>
		    		</li>
		    		<li>
		    			<p class="ty_p2 fs_m">厂家特色</p>
		    			<p class="ty_p3 fs_m">{$activityInfo.describe}</p>
						<p class="ty_p4"><img src="{$activityInfo.thumbnail}" data-preview-src="" data-preview-group="1" /></p>
		    		</li>
		    		<li>
		    			<p class="ty_p2 fs_m">活动介绍</p>
		    			<div class="ty_p3 fs_m">{$activityInfo.content}</div>
		    		</li>
		    	</ul>
			</div>
			<div class="ty_form fs_m">
				<p class="ty_p2 fs_m" id="sss">报名信息</p>
				<form id="" action="/mobile/User/activity_info" method="POST">
					<ul>
						<if $isapply== 0 >
							<li><label>姓名</label><input type="text" name="name" id="bmname" placeholder="您的姓名" /></li>
							<li><label>+86</label><input type="tel" name="tel" id="bmtel" placeholder="您的电话" /></li>
							<li><label>人数</label><input type="text" name="sum" id="bmnum" placeholder="预定人数" /></li>
							<input type="hidden" name="activityID" value="{$activityInfo.id}" />
							<li class="bt_xz">
								<button class="fs_xl" id="tj">提交</button>
								<a href="#bottomPopover" class="fs_s tyxz">体验须知</a>
							</li>
						<else />
							<li><label>姓名</label><input type="text" name="name" id=""  value="{$myActivityInfo.name}" disabled="disabled"/></li>
							<li><label>+86</label><input type="tel" name="tel" id=""  value="{$myActivityInfo.phone}" disabled="disabled"/></li>
							<li><label>人数</label><input type="text" name="" id="" value="{$myActivityInfo.num}" disabled="disabled"/></li>
							<li class="bt_xz"><button class="fs_xl" disabled="disabled">已报名</button><a href="#bottomPopover" class="fs_s tyxz">体验须知</a></li>
						</if>
					</ul>
				</form>
			</div>
			<div id="bottomPopover" class="mui-popover mui-popover-bottom" style="">
				<div class="mui-popover-arrow mui-bottom" style="left:248px"></div>
				<div class="mui-scroll-wrapper" data-scroll="3">
					<div class="mui-scroll" style="transform: translate3d(0px, 0px, 0px) translateZ(0px);">
						<p>1、是滴是滴</p>
						<p>2、是滴是滴</p>
						<p>3、是滴是滴</p>
					</div>
					<div class="mui-scrollbar mui-scrollbar-vertical">
						<div class="mui-scrollbar-indicator" style="transition-duration: 0ms; display: none; height: 8px; transform: translate3d(0px, -8px, 0px) translateZ(0px);"></div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
//  			mui.previewImage();
			$(document).ready(function(){
				$("#tj").click(function(){
					if(!($("#bmname").val() && $("#bmtel").val() && $("#bmnum").val())){
						alert("请完善信息");
						return false;
					}
					if(!(/^1[34578]\d{9}$/.test($("#bmtel").val()))){ 
				        alert("手机号码有误，请重填");  
				        return false; 
				    } 
				});
			});
		</script>
	</body>
</html>